<template>
    <!-- 可以有多个根元素 -->
    <div>{{ msg }}</div>
    <button @click="sayHi">点我sayhi</button>
</template>
  
  <script>
  
  export default {
      // 组合式api的入口，最早执行的生命周期
      setup() {
          //   console.log('setup生命周期');
          console.log('setup', this)
          let msg = '你好vue3'
  
          const sayHi = () => {
              alert(msg)
          }
  
          //   template需用使用数据，就return出去
          return {
              msg, sayHi
          }
      },
  }
  </script>
  